.container{padding:0 10px;width:1200px;margin:0 auto}


.in-ys{ background: url(../images/bg1.jpg) no-repeat top center; padding: 70px 0 ;overflow:hidden; }
.in-ys-left{ float: left; width: 30%; color: #ffffff; }
.in-ys-left .tit{font-size: 30px;margin-bottom: 68px; font-weight: bold;}
.in-ys-left .tit b{display: block;font-size: 38px;line-height:50px;}
.in-ys-left .tit span{font-weight: normal;font-size: 26px;margin-top:15px;padding-bottom: 68px;border-bottom: 1px solid #5873ac; display: block;}
.in-ys-left .tel span{ font-size: 18px; display: block;}
.in-ys-left .tel strong{ font-size: 36px;  display: block; margin: 5px 0 15px; }
.in-ys-left .tel a{ border:1px solid #FFF; display: inline-block; padding: 8px 25px; font-size: 16px; color: #FFF; }
.in-ys-right{ float: right; width:65%;border-top: 1px solid #5873ac; border-left: 1px solid #5873ac;   }
.in-ys-right li{ float: left; width: 33.333%; height: 350px;  display: flex; justify-content: center;align-items: center; text-align: center; cursor: pointer; box-sizing: border-box; border-right: 1px solid #5873ac; border-bottom: 1px solid #5873ac; }
.in-ys-right li .text{ padding: 0 28px;transition: all 0.5s;  }
.in-ys-right li .num{ background: url(../images/cpysico1.png) no-repeat;transition: all 0.5s; width: 80px; height: 80px; margin: 10px auto; font-size: 34px; color: #0089e1; font-weight: bold; display: flex; justify-content: center;align-items: center; }
.in-ys-right li h4{margin:0;font-size: 22px; color: #FFF; transition: all 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-ys-right li p{margin:0; display: none; margin-top:20px;transition: all 0.5s; }
.in-ys-right li.active{ background: #FFF; }
.in-ys-right li.active .num{background-image:url(../images/cpysico2.png); width: 95px; height: 95px;}
.in-ys-right li.active h4{ margin: 0 0 5px; color: #333; }
.in-ys-right li.active p{ display: block; }

@media (max-width:1024px){	
.in-ys-right li{height:400px;}
.in-ys-right li .text { padding: 0 18px;}
}